<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link rel="stylesheet" type="text/css" href="/public/css/amazeui.min.css">
    <link rel="stylesheet" type="text/css" href="/public/css/wap.css?2">

    <script src="/public/js/jquery.min.js"></script>
    <script src="/public/js/amazeui.min.js"></script>
    <title><%=title %></title>
</head>
<body style="background:#ececec;padding-top: 0;">
<div class="pet_mian" >
    <header data-am-widget="header"
            class="am-header am-header-default am-header-fixed">
        <div class="am-header-left am-header-nav" >
            <a href="javascript:history.back();" class="">

                <i class="am-header-icon am-icon-angle-left" style="font-size: 30px"></i>
            </a>
        </div>

        <h1 class="am-header-title">
            <a href="#title-link" class="">
                <%=title %>
            </a>
        </h1>

        <div class="am-header-right am-header-nav">
            <a href="#right-link" class="">

                <!--<i class="am-header-icon am-icon-bars"></i>-->
            </a>
        </div>
    </header>


    <div class="pet_content">
        <div class="pet_content_block">
            <article data-am-widget="paragraph" class="am-paragraph am-paragraph-default pet_content_article" data-am-paragraph="{ tableScrollable: true, pureview: true }">
                <h1 class="pet_article_title"><%= data.title%></h1>
                <div class="pet_article_user_time">发表于：<%= new Date(data.publish_time*1000).toLocaleDateString() %>
                </div>
                <div id="content">
                    <%= data.content %>
                </div>

            </article>

        </div>





    </div>
</div>

<script>
    $(function(){

        // 动态计算新闻列表文字样式
        auto_resize();
        $(window).resize(function() {
            auto_resize();
        });
        $('.am-list-thumb img').load(function(){
            auto_resize();
        });
        $('.pet_article_like li:last-child').css('border','none');
        function auto_resize(){
            $('.pet_list_one_nr').height($('.pet_list_one_img').height());
            // alert($('.pet_list_one_nr').height());
        }
        $('.pet_article_user').on('click',function(){
            if($('.pet_article_user_info_tab').hasClass('pet_article_user_info_tab_show')){
                $('.pet_article_user_info_tab').removeClass('pet_article_user_info_tab_show').addClass('pet_article_user_info_tab_cloes');
            }else{
                $('.pet_article_user_info_tab').removeClass('pet_article_user_info_tab_cloes').addClass('pet_article_user_info_tab_show');
            }
        });

        $('.pet_head_gd_ico').on('click',function(){
            $('.pet_more_list').addClass('pet_more_list_show');
        });
        $('.pet_more_close').on('click',function(){
            $('.pet_more_list').removeClass('pet_more_list_show');
        });
        $('#content')[0].innerHTML = $('#content').text();
    });

</script>
</body>
</html>